<template>
  <div class="pass">
    <group  title="商户主页">
      <cell title="完善商户信息" :value="$t('Protected')"  link="/infomation" @click.native="onClick"></cell>
      <cell title="发行预付卡" @click.native="onClick" link="/sendcards" :is-loading="!money" :value="money"></cell>
    </group>
           <x-button @click.native="totrade" type="warn">店铺上线</x-button>
      </div>
</template>

<i18n>
My Account:
  zh-CN: 完善商户信息
Protected:
店铺上线  zh-CN: 保护中
use is-link to show arrow:
  zh-CN: 店主：冯林通，您好
Notifications:
  zh-CN: 接收通知
Enabled:
  zh-CN: 已开启
Privacy:
  zh-CN: 隐私
General:
  zh-CN: 通用
use slot for complexed content:
  zh-CN: 使用slot显示复杂内容
slot content:
  zh-CN: slot 内容
Hi, I'm Vux.:
  zh-CN: 你好哇，感谢关注 Vux
isLink is set to true when link exists:
  zh-CN: 当有设置link属性时，isLink属性会设为true以显示箭头
Go to Radio Demo:
  zh-CN: 前往Radio页面
Go to Demo:
  zh-CN: 前往Demo页面
http link:
  zh-CN: 站外链接
Money:
  zh-CN: 发行预付卡
Collapse:
  zh-CN: 折叠
Title 001:
  zh-CN: 标题一
Title 002:
  zh-CN: 标题二
Title 003:
  zh-CN: 标题三
Animated:
  zh-CN: 动画效果
</i18n>

<script>
import { Cell, CellBox, CellFormPreview, Group ,XButton } from 'vux'

export default {
  mounted () {
    setTimeout(() => {
      this.money = "未发卡"
    }, 2000)
  },
  components: {
    Group,
    Cell,
    CellFormPreview,
    CellBox,
    XButton
  },
  methods: {
    onClick () {
      console.log('on click')
    },
    totrade() {
      console.info(34);
      this.$router.push("/trade")
    }
  },
  data () {
    return {
      list: [{
        label: 'Apple',
        value: '3.29'
      }, {
        label: 'Banana',
        value: '1.04'
      }, {
        label: 'Fish',
        value: '8.00'
      }],
      money: null,
      showContent001: false,
      showContent002: false,
      showContent003: false,
      showContent004: false
    }
  }
}
</script>

<style lang="less" scoped>
.sub-item {
  color: #888;
}
.pass .weui-btn { background-color: @main-color;}
.slide {
  padding: 0 20px;
  overflow: hidden;
  max-height: 0;
  transition: max-height .5s cubic-bezier(0, 1, 0, 1) -.1s;
}
.animate {
  max-height: 9999px;
  transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
  transition-delay: 0s;
}
</style>
